Code Breakers | No-code solutions

🖥 Птичий язык разработки: сленг и непонятные слова [часть 5]

В четырёх предыдущих постах мы рассказывали о специфических терминах и непонятных словах из сферы No-code разработки. Если вы пропустили их, — ищите их по хештегу: #code_breakers_птичий_язык_разработки.

А сегодня будет завершающая рассылка из этой серии, в ней мы закончим рассказывать об основных терминах из области цифрового дизайна.

Дизайн и анимация
Референс (от англ. reference — справка, сноска) — пример цифрового проекта, который вам понравился и на который вы хотите ориентироваться при разработке. Например, референс лендинга — это значит, что вы нашли понравившееся вам решение в создании лендинга.

Дизайн-система — он же гайдлайн. Библиотека из цветов, гарнитур, сетки, компонентов, вроде кнопок, карточек, форм ввода и выбора, хедера и футера. Это правила, которые определяют, как выглядит цифровой продукт или для начала его макет. Он определяет базовые принципы того, как всё будет.

Ховер (от англ. hover — парить, зависать) — этот термин обозначает изменение элемента цифрового интерфейса при наведении на него курсора. Ховер-эффект — это изменение цвета кнопки при наведении, масштабирование элементов, всплывающие подсказки, движение элементов из стороны в сторону. Ховер важен для того, чтобы цифровой продукт был «живым» и откликался на действия пользователя.

Изинги (от англ. easing — смягчение, сглаживание) — сглаживание происходящей анимации, её замедление или ускорение. Это свойство помогает анимациям выглядеть естественно, как в природе, где перемещение объектов заметно и понятно. Например, внимание изингам уделяют при переходах с экрана на экран или при появлении элемента, — как всплывающий поп-ап или клавиатура.

Параллакс — тоже анимация, только ей придаётся вся страница. При параллаксе во время скролла элементы переднего плана двигаются в одном ключе, а задний план — в другом. Такой рассинхрон погружает пользователя, придаёт сайту эффект реальности и вообще очень стильный приём.

➖➖➖➖➖➖➖➖➖➖➖➖

Хотите всегда понимать коллег, легко пройти онбординг и быстро влиться в сферу No-code разработки? Тогда ждём на нашем флагманском курсе «No-code разработчик». Начинаем учиться сразу после новогодних каникул, 11 января!

🎁 ХОЧУ НА КУРС В НОВОМ ГОДУ: codebreakers.tech/profession

www.tg-me.com/ua/Code Breakers | No code solutions/com.code_breakers/682

5.3K viewsDec 28, 2023 at 08:30

🖥 Птичий язык разработки: сленг и непонятные слова [часть 5]

В четырёх предыдущих постах мы рассказывали о специфических терминах и непонятных словах из сферы No-code разработки. Если вы пропустили их, — ищите их по хештегу: #code_breakers_птичий_язык_разработки.

А сегодня будет завершающая рассылка из этой серии, в ней мы закончим рассказывать об основных терминах из области цифрового дизайна.

Дизайн и анимация
Референс (от англ. reference — справка, сноска) — пример цифрового проекта, который вам понравился и на который вы хотите ориентироваться при разработке. Например, референс лендинга — это значит, что вы нашли понравившееся вам решение в создании лендинга.

Дизайн-система — он же гайдлайн. Библиотека из цветов, гарнитур, сетки, компонентов, вроде кнопок, карточек, форм ввода и выбора, хедера и футера. Это правила, которые определяют, как выглядит цифровой продукт или для начала его макет. Он определяет базовые принципы того, как всё будет.

Ховер (от англ. hover — парить, зависать) — этот термин обозначает изменение элемента цифрового интерфейса при наведении на него курсора. Ховер-эффект — это изменение цвета кнопки при наведении, масштабирование элементов, всплывающие подсказки, движение элементов из стороны в сторону. Ховер важен для того, чтобы цифровой продукт был «живым» и откликался на действия пользователя.

Изинги (от англ. easing — смягчение, сглаживание) — сглаживание происходящей анимации, её замедление или ускорение. Это свойство помогает анимациям выглядеть естественно, как в природе, где перемещение объектов заметно и понятно. Например, внимание изингам уделяют при переходах с экрана на экран или при появлении элемента, — как всплывающий поп-ап или клавиатура.

Параллакс — тоже анимация, только ей придаётся вся страница. При параллаксе во время скролла элементы переднего плана двигаются в одном ключе, а задний план — в другом. Такой рассинхрон погружает пользователя, придаёт сайту эффект реальности и вообще очень стильный приём.

➖➖➖➖➖➖➖➖➖➖➖➖

Хотите всегда понимать коллег, легко пройти онбординг и быстро влиться в сферу No-code разработки? Тогда ждём на нашем флагманском курсе «No-code разработчик». Начинаем учиться сразу после новогодних каникул, 11 января!

🎁 ХОЧУ НА КУРС В НОВОМ ГОДУ: codebreakers.tech/profession

BY Code Breakers | No-code solutions